<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
    <style>
        body{
            background: url("../../Day01/img/bg.png");
            width: 100%;
        }
        .center{
            background: white;
            text-align: center;
            width: 400px;
            margin: auto;
        }
    </style>
</head>
<body>
    <div>
        <img src="../../Day01/img/logo.png" >
    </div>

    <div class="center">
        <form action="#" method="get" autocomplete="off">
        <div>注册详情</div>
        <hr>
        <label for="name">姓名:</label>
        <input type="text" id="name" name="name" placeholder="在此输入姓名" required ><br>
        <label for="password">密码:</label>
        <input type="password" id="password" name="password" placeholder="在此输入密码" required ><br>
        <label for="email">邮箱:</label>
        <input type="email" id="email" name="email" placeholder="在此输入邮箱" required ><br>
        <label for="tel">手机:</label>
        <input type="tel" id="tel" name="tel" placeholder="在此输入手机" required ><br>
        <hr>
        <label for="gender">性别:</label>&nbsp;&nbsp;&nbsp;
        <input type="radio" id="gender" name="gender" value="men">男 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="radio"  name="gender" value="women">女&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
        <label for="hoppy">爱好:</label>
        <input type="checkbox" id="hoppy" name="hoppy" value="muisc">音乐
        <input type="checkbox"  name="hoppy" value="movie">电影
        <input type="checkbox"  name="hoppy" value="game">游戏<br>
        <label for="date">出生日期:</label>
        <input type="date" id="date" name="date"><br>
        <label for="city">所在城市:</label>
        <select id="city" name="city">
            <option>请选择你所在城市</option>
            <optgroup label="直辖市">
                <option value="bj">北京</option>
                <option value="sh">上海</option>
                <option value="gz">广州</option>
                <option value="sz">深圳</option>
            </optgroup>
            <optgroup label="省会市">
                <option value="xa">西安</option>
                <option value="hz">杭州</option>
                <option value="zz">郑州</option>
                <option value="武汉">武汉</option>
            </optgroup>
        </select><br><hr>
        <label for="text">个性签名</label>
        <textarea id="text" name="text" placeholder="请写下你的与众不同" rows="5"cols="30"></textarea>
        <hr>
        <input type="submit" value="注册">
        <input type="reset">
        </form>
    </div>
</body>
</html>